.home_header_wrap {
  width: 100%;
  height: 66px;
  background: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 40px 0px 26px;
  box-shadow: 1px 1px 10px white;

  .left_box {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;

    .logo_img {
      width: 32px;
      height: 32px;
      cursor: pointer;
    }

    .sys_name {
      //   font-family: Hader-T;
      font-family: VIVO2;
      font-size: 20px;
    }
  }

  .right_box {
    display: flex;
    flex-direction: row;
    gap: 20px;

    .action_box {
      display: flex;
      flex-direction: row;
      gap: 12px;
      //   border: 1px solid red;

      .action_item {
        padding: 5px 6px;
        border-radius: 4px;
        transition: 0.2s;
        display: flex;
        align-items: center;
        cursor: pointer;

        .iconfont {
          font-size: 18px;
        }
      }

      .action_item:hover {
        background-color: rgb(235, 235, 235);
      }
    }

    .user_box {
      display: flex;
      align-items: center;
      //   .user_img {
      //     width: 30px;
      //     height: 30px;
      //     cursor: pointer;
      //   }

      .hint_login_text {
        cursor: pointer;
        font-size: 14px;
        color: #3f57bc;
      }
    }
  }
}
